/**
 * Created by wd14931 on 2017/6/5.
 */
var tpl = require('./../../template/role_management/list.html');

var operate = {
    'roleName': '角色名称',
    'roleCreateTime': '创建时间',
    'roleRemarks': '备注说明',
    'roleAuthority': '角色权限'
};
var userList = [
    {
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },{
        'roleName': '总经理',
        'roleCreateTime': '2017-2-23',
        'roleRemarks': '总经理的一些事情，描述......',
        'roleAuthority': '订单板块，融资板块，物流板块，财务板块'
    },
];
module.exports = {
    template: tpl,

    data: function(){
        return {name: 'role-management', data: {}, operate: operate};
    },
    // 组件创建完成
    created: function() {

        // 此时 data 已经被 observed 了
        this.fetchData();
    },
    mounted:function(){

        $(document.querySelector('#J-tableScroll-role')).niceScroll(
        {
            cursorcolor:"#989494",
            cursoropacitymax:1,
            touchbehavior:false,
            cursorwidth:"3px",
            cursorborder:"0",
            cursorborderradius:"5px"
        });
    },
    // router change fetch data again
    watch: {
        '$route': 'fetchData'
    },
    // 滚动
    scrollBehavior: function(to, from, savedPosition) {
        return { x: 0, y: 0 }
    },
    methods:{

        // fetch data from service
        fetchData: function(){

            this.data = userList;
        },

        sortList: function(key){
            console.log(this.data.length)
        }
    }
};